<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <!--<ui:composition>-->

    <p:dialog id="DemandaHabitacionalEditDlg" widgetVar="demandaHabitacionalEditDialog" modal="true" resizable="true" width="900" appendTo="@(body)" header="#{bundle.CreateDemandaHabitacionalTitle}">

        <h:form id="DemandaHabitacionalEditForm">
            <p:growl id="msgs" sticky="true" showDetail="true"/>

            <p:wizard flowListener="#{demandaHabitacionalController.onFlowProcess}" >

                <p:tab id="solicitante" title="Grupo familiar"  >
                    <p:panel id="panel" header="Nuevo integrante" >
                        <h:messages errorClass="error"/>
                        <h:panelGrid columns="6" columnClasses="label, value, label, value, label, value" rendered="#{demandaHabitacionalController.persona != null}">

                            <h:outputText value="DNI" />
                            <p:inputText value="#{demandaHabitacionalController.persona.dni}" />

                            <h:outputText value="Apellido: " />
                            <p:inputText value="#{demandaHabitacionalController.persona.apellido}" />

                            <h:outputText value="Nombre:" />
                            <p:inputText value="#{demandaHabitacionalController.persona.nombre}" />

                            <h:outputText value="Teléfono" />
                            <p:inputText value="#{demandaHabitacionalController.persona.telefono}" />

                            <h:outputText value="Dirección" />
                            <p:inputText value="#{demandaHabitacionalController.persona.direccion}" />

                            <h:outputText value="Fecha de nacimiento*" />
                            <p:calendar id="fnacimiento" pattern="MM/dd/yyyy" value="#{demandaHabitacionalController.persona.fnacimiento}" 
                                        title="#{bundle.EditDemandaHabitacionalTitle_fnacimiento}"  showOn="button" />    


                            <h:outputText value="Es solicitante: " />
                            <p:selectBooleanCheckbox value="#{demandaHabitacionalController.persona.esResponsable}">
                                <!--<p:ajax update="msgs" listener="#{demandaHabitacionalController.addMessage}" />-->
                            </p:selectBooleanCheckbox>

                            <h:outputText value="Años de residencia" />
                            <p:inputText value="#{demandaHabitacionalController.persona.aniosResidencia}" />

                            <h:outputText value="Es discapacitado" />
                            <p:selectBooleanCheckbox value="#{demandaHabitacionalController.persona.discapacitado}">
                                <!--<p:ajax update="msgs" listener="#{demandaHabitacionalController.addMessage}" />-->
                            </p:selectBooleanCheckbox>

                            <p:commandButton value="Reset" type="reset"/>
                            <p:commandButton id="btn_add" value="Add" update="grupoFamiliar msgs @parent"
                                             action="#{demandaHabitacionalController.reinit}" >
                                <p:collector value="#{demandaHabitacionalController.persona}"
                                             addTo="#{demandaHabitacionalController.selected.grupoFamiliar}" unique="false"/>
                            </p:commandButton>
                        </h:panelGrid>

                        <!--                            <p:growl id="msgs" />
                                                    <h:messages errorClass="error"/>-->
                        <p:outputPanel id="grupoFamiliar">
                            <p:dataTable id="personasTable" value="#{demandaHabitacionalController.selected.grupoFamiliar}" var="g">

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Apellido" />
                                    </f:facet>
                                    <h:outputText value="#{g.apellido}" />
                                </p:column>

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Nombres" />
                                    </f:facet>
                                    <h:outputText value="#{g.nombre}" />
                                </p:column>

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="DNI" />
                                    </f:facet>
                                    <h:outputText value="#{g.dni}" />
                                </p:column>

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Teléfono" />
                                    </f:facet>
                                    <h:outputText value="#{g.telefono}" />
                                </p:column>

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Operation" />
                                    </f:facet>
                                    <p:commandLink value="Remove" update=":DemandaHabitacionalEditForm:grupoFamiliar" 
                                                   process=":DemandaHabitacionalEditForm:grupoFamiliar" >
                                        <p:collector value="#{g}" 
                                                     removeFrom="#{demandaHabitacionalController.selected.grupoFamiliar}" unique="true"/>
                                    </p:commandLink>
                                </p:column>

                            </p:dataTable>
                        </p:outputPanel>
                    </p:panel>

                </p:tab>

                <p:tab id="demandaHabitacionalTab" title="Demanda habitacional" >
                    <p:panel id="demandaHabitacionalPanel1" header="Demanda habitacional" >
                                           <!--<p:ajax event="blur" update="demandaHabitacionalPanel" listener="#{demandaHabitacionalController.desHabilitar}"/>--> 
                        <h:messages errorClass="error"/>
                        <h:panelGrid columns="4" columnClasses="label, value, label, value" styleClass="grid" >
                            <h:outputText value="Fecha de carga*" />
                            <p:calendar id="fcarga" pattern="MM/dd/yyyy" value="#{demandaHabitacionalController.selected.fcarga}"
                                        title="#{bundle.EditDemandaHabitacionalTitle_fcarga}" showOn="button" />                     
                            <h:outputText value="Tiene vivienda: " />

                            <p:selectBooleanButton id="value2" value="#{demandaHabitacionalController.selected.tieneVivienda}" onLabel="Si" offLabel="No" onIcon="ui-icon-check" 
                                                   offIcon="ui-icon-close" style="width:60px"  >

<!--                              <p:ajax update="msgs" listener="#{selectBooleanView.addMessage}" />-->
                                <p:ajax update="demandaHabitacionalPanel1" listener="#{demandaHabitacionalController.mostrarOcultar}"/>
                            </p:selectBooleanButton>

                        </h:panelGrid>
                        <p:panel id="noTieneVivienda" rendered="#{demandaHabitacionalController.mostrar}" >
                            <p:outputLabel for="console" value="Necesidad habitacional:" />
                            <p:selectOneMenu id="console" value="#{demandaHabitacionalController.selected.necesidadHabitacional}" >
                                <f:selectItem itemLabel="Vivienda nueva" itemValue="Vivienda nueva" />
                            </p:selectOneMenu>     
                        </p:panel>    

                        <p:panel id="tieneVivienda" rendered="#{!demandaHabitacionalController.mostrar}" >
                            <!--<p:effect type="drop" event="click" />-->
                            <p:outputLabel for="vinculo" value="Vinculo:" />
                            <p:selectOneMenu id="vinculo" value="#{demandaHabitacionalController.selected.vinculo}" >
                                <f:selectItem itemLabel="Alquilo" itemValue="Alquilo" />
                                <f:selectItem itemLabel="Prestada" itemValue="Prestada" />
                                <f:selectItem itemLabel="Propia" itemValue="Propia" />
                                <f:selectItem itemLabel="Ocupo" itemValue="Ocupo" />
                            </p:selectOneMenu>

                            <p:pickList id="PojoPickList" value="#{demandaHabitacionalController.servicios}" var="servicio" effect="bounce"
                                        itemValue="#{servicio}" itemLabel="#{servicio}" showSourceControls="false" showTargetControls="false" showCheckbox="true"
                                        showSourceFilter="false" showTargetFilter="false" filterMatchMode="contains"  >

                                <f:facet name="sourceCaption">Disponible</f:facet>
                                <f:facet name="targetCaption">Aceptado</f:facet>

                                <p:ajax event="transfer" listener="#{demandaHabitacionalController.onTransfer}" update="msgs" />
                            </p:pickList>
                            
                                <p:outputLabel for="console2" value="Necesidad habitacional:" />
                                <p:selectOneMenu id="console2" value="#{demandaHabitacionalController.selected.necesidadHabitacional}" >
                                    <f:selectItem itemLabel="Vivienda nueva" itemValue="Vivienda nueva" />
                                    <f:selectItem itemLabel="Refacción, ampliación, mejoramiento" itemValue="Refacción, ampliación, mejoramiento" />
                                    <f:selectItem itemLabel="Servicios - conexiones externas" itemValue="Servicios - conexiones externas" />
                                    <f:selectItem itemLabel="Servicios- conexiones internas" itemValue="Servicios- conexiones internas" />
                                </p:selectOneMenu>  
                        </p:panel>

<!--                        <p:commandButton value="Guardar" actionListener="#{demandaHabitacionalController.save}"
                 update="grupoFamiliar,:DemandaHabitacionalListForm:datalist,:growl"
                 oncomplete="PF('demandaHabitacionalCreateDialog').hide()"/>    -->

                    </p:panel>
                </p:tab>



            </p:wizard>
            <p:commandButton value="#{bundle.Cancel}" onclick="DemandaHabitacionalEditDialog.hide()"/>
            <p:commandButton value="Guardar" actionListener="#{demandaHabitacionalController.update}"
                             update="grupoFamiliar,:DemandaHabitacionalListForm:datalist,:growl"
                             oncomplete="PF('demandaHabitacionalEditDialog').hide()"/>    
        </h:form>
    </p:dialog>

    <!--</ui:composition>-->
</html>
